<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"
    width="800px"

  >

<!--    <el-form label-width="100px">-->
<!--      <el-form-item label="机构编号：">-->
<!--        {{ list.institutionNumber }}-->
<!--      </el-form-item>-->
<!--      <el-form-item label="机构名称：">-->
<!--        {{ list.institutionName }}-->
<!--      </el-form-item>-->
<!--      <el-form-item label="上级机构：">-->
<!--        {{ list.superiorName }}-->
<!--      </el-form-item>-->

<!--      <el-form-item label="机构地址：">-->
<!--        {{ list.institutionalAddress }}-->
<!--      </el-form-item>-->
<!--      <el-form-item label="禁用状态：">-->
<!--        <span v-if="list.disabled==false">启用</span>-->
<!--        <span v-if="list.disabled==true">禁用</span>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="备注信息：">-->
<!--        {{ list.remark }}-->
<!--      </el-form-item>-->

<!--    </el-form>-->
    <table style="width: 100%" class="mytable">
      <tr>
        <td class="ttitle" rowspan="3">机构详情</td>
        <td class="ttitle">机构编号</td>
        <td>{{list.institutionNumber}}</td>
        <td class="ttitle">机构名称</td>
        <td>{{list.institutionName}}</td>
        <td class="ttitle">机构地址</td>
        <td style="min-width: 23px">{{list.institutionalAddress}}</td>
      </tr>
      <tr>
        <td class="ttitle">上级机构</td>
        <td>{{list.superiorName}}</td>
        <td class="ttitle">禁用状态</td>
        <td v-if="list.disabled==false">启用</td>  <td v-if="list.disabled==true">禁用</td>
        <td class="ttitle">备注信息</td>
        <td >{{list.remark}}</td>
      </tr>

    </table>
  </el-dialog>

</template>

<script>
    export default {
        name: "InforEdit",


        data() {
            return {
                 title:"详情信息",
                 list:'',
                dialogFormVisible: false,
            };
        },
        methods:{
            showEdit(row) {
                this.list = row
                this.dialogFormVisible = true;
            },
        },

    }
</script>

<style scoped>
  table
  {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
  }
  table td, table th
  {
    border: 1px solid #cad9ea;
    height: 30px;
  }
  table .ttitle
  {
    background-color: #F5FAFA;
    width: 100px;
  }
  table tr:nth-child(odd)
  {
    background: #fff;
  }
</style>
